.coupon{
    height: 100%;
    display: flex;
    flex-direction: column;
    .navbar {
        border-bottom: 1px solid #ccc;
    }
    .couponlist{
        flex: 1;
        padding: 10px 20px;
        background-color: rgb(239, 238, 238);
        .item{
            background-color: white;
            padding: 10px;
            display: flex;
            border-radius: 10px 0 0 10px;
            margin-bottom: 10px;
            position: relative;
            .left{
                flex: 1;
                padding-right: 10px;
                .name{
                    margin-bottom: 10px;
                }
                .goods{
                    display: flex;
                    justify-content: space-between;
                    .good{
                        width: 30%;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        .pics{
                            width: 100%;
                            height: 50px;
                            img{
                                width: 100%;
                                height: 100%;
                            }
                        }
                        span{
                            color: red;
                            line-height: 40px;
                        }
                    }
                }
                .circular{
                    width: 20px;
                    height: 20px;
                    background-color: rgb(239, 238, 238);
                    border-radius: 50%;
                }
                .circular1{
                    position: absolute;
                    right: 40%;
                    top: -10px;
                }
                .circular2{
                    position: absolute;
                    right: 40%;
                    bottom: -10px;
                }
            }
            .right{
                width: 30%;
                padding: 10px 20px;
                display: flex;
                flex-direction: column;
                align-items: center;
                border-left: 1px dashed #ccc;
                p{
                    padding: 0;
                    margin: 0;
                }
                .p1{
                    color: red;
                    .s2{
                        font-size: 20px;
                    }
                }
                .p2{
                    font-size: 12px;
                    margin: 3px 0 10px;
                }
                .btn{
                    background-color: rgb(85, 129, 219);
                    color: white;
                    padding: 5px 20px;
                    border-radius: 20px;
                    cursor: pointer;
                }
            }
        }
    }
}